<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<script>
    // function $ajax(params) {
    //     let xmlrequest = new XMLHttpRequest(); // 原生的ajax 请求
    //     xmlrequest.open(params.type, params.url);
    //     xmlrequest.onreadystatechange = function () {
    //         // readyState 请求的状态码 2 请求连接成功 3 请求响应，4请求完成
    //         //status 成功或者失败的状态码 200 代表成功 404 代表失败
    //         // console.log(xmlrequest.readyState);
    //         // console.log(xmlrequest.status);
    //         if (xmlrequest.readyState == 4 && xmlrequest.status == 200) {
    //             params.success(JSON.parse(xmlrequest.responseText))
    //         }
    //     }
    //     xmlrequest.send();
    // }

    // $ajax({
    //   url: 'https://api.it120.cc/small4/cms/news/list',
    //   type: 'GET',
    //   success: res => {
    //     console.log(res);
    //   }
    // })


    let axios = {
        get: (url) => {
            return new Promise((resolve, reject) => {
                let xmlrequest = new XMLHttpRequest(); // 原生的ajax 请求
                xmlrequest.open('GET', url);
                xmlrequest.onreadystatechange = function () {
                    // readyState 请求的状态码 2 请求连接成功 3 请求响应，4请求完成
                    //status 成功或者失败的状态码 200 代表成功 404 代表失败
                    // console.log(xmlrequest.readyState);
                    // console.log(xmlrequest.status);
                    if (xmlrequest.readyState == 4 && xmlrequest.status == 200) {
                        resolve(JSON.parse(xmlrequest.responseText))
                    }
                }
                xmlrequest.send();
            })
        }
    }

    // async await 是成对出现的
    async function fn() {
      let res = await  axios.get('http://192.168.31.34:3000/axios')
      console.log(res);
      console.log('1111');
    }
    fn();
</script>